/* ----------------------------------------------------
  
	File Name: rt-css-framework.css
	By: Tolga Can
	http://themeforest.net/user/stmcan	
	
------------------------------------------------------- */  



/* ----------------------------------------------------
#
#
#	
#			CONTENTS AND SIDEBARS
#
#
#
------------------------------------------------------- */
 


	section.content{ /* content area */		
		padding:0;
		width: 100%;
	}

	section.content.left{ /* content left */		
		float: left;
		width:740px;
		margin: 0 19px 0 10px;
		padding-right: 20px; 
	}

	section.content.right{ /* content right */		
		float: right;
		width:740px;
		margin: 0 10px 0 19px; 
		padding-left: 20px;  
	}
	
	.sidebar{ /* sidebar area */
		width:260px;
		float:left;
		margin: 0;  
		position: relative; 	 
		-webkit-transform: translateZ(0);
	}

	.sidebar.left{
	 	margin-left: 10px;
	}
 
 	.responsive .full_width_row .full{
 		width: 100% !important;
 	}

/* ----------------------------------------------------
  
		SIDEBAR RESPONSIVE VALUES

------------------------------------------------------- */  
  


  	/* resolutions bigger than 1200px*/
	@media only screen and (min-width: 1100px)  { 
		.sidebar.right.fixed{position:absolute;margin-left:790px;}
		.sidebar.left.fixed{position:absolute;}	
	}
		

	/* Large display 960px - 1159px */
  	@media only screen and (min-width: 960px) and (max-width: 1099px) {
		.responsive .sidebar.right.fixed{position:absolute;margin-left:690px;}
		.responsive .sidebar.left.fixed{position:absolute;}	
		.responsive section.content.left{width:640px;}
		.responsive section.content.right{width:640px;}

	}
		
	/* Tablet (Portrait) 	768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) { 
 		.responsive .sidebar{width:160px;}
 		.responsive .sidebar.right.fixed,.responsive .sidebar.left.fixed{top: 0 !important;}	
		.responsive section.content.left, .responsive section.content.right{width:540px;min-height: 100% !important;}
	}
	

	/* Tablet (landscape) 1024px */
	@media only screen and (max-width: 1024px) {
		.responsive .sidebar.right.fixed,.responsive .sidebar.left.fixed{top: 0 !important;}	
	}	

	/* Mobile up to 767px */
	@media only screen and (max-width: 767px) { 
  		.responsive .sidebar{width:100%;}
 		.responsive .sidebar.right.fixed,.responsive .sidebar.left.fixed{position:relative;top: 0 !important;}	
		.responsive section.content.left,
		.responsive section.content.right
		{
			width:100%;
			border: 0;
			-o-box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			margin: 0;
			padding: 0;  
			min-height: 100% !important;
		} 
	} 


/* ----------------------------------------------------
#
#
#	
#			ROWS
#
#
------------------------------------------------------- */
	.row{
		display: block;
		margin: 0 10px;
		clear: both;
	}

	.top_content > .row {
		margin: auto;
		width: 1040px;
		padding: 40px 0 20px;
	}

	.row .row, .sidebar .row{
		margin: 0;
	}

	.content.left .row,
	.content.right .row{
		margin: 0;
	}

/* ----------------------------------------------------
#
#
#	
#			COLUMNS
#
#
------------------------------------------------------- */
 

	/* columns common style */
	.box{
		margin:0 0 0 20px;
		padding: 0;
		display:inline; 
		float:left;
		border:0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;		
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;	
		box-sizing: border-box;
	} 

	/* full width */
	.one{
		clear:both;
		float:none;
		display:block;
	}  
	
	/* box on sidebar */
	#container .sidebar .widget{
		float:none;
		clear:both;
		position:relative;
		display:block;
		margin:0;
		width:100%;
		z-index: 1;
		padding: 30px 20px 20px; 
		-o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
		-webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
		-moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
		box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);	
		border: 1px solid #EDEDED;	
	} 


	/* Max image width */
	.box img{
		max-width:100% !important;
	} 

	/* columns in columns*/
	.box .box{
		margin: 0;
		padding: 0;
	}

	/* columns in top widget section */
	body .section_widget > .widget{
		border: 0 none !important;
		box-shadow: none !important;
		margin: 0;
		padding: 0;
		width: 100%;
	} 
	
	/* empty boxes */
	.blank_box:after {
		content: ".";
		opacity: 0;
	}	

	/* list columns */	
	ul.boxes{
		margin: 0;
		padding: 0;
	}

	/* first and last column fix*/
	body:not(.rtl) .box.first:before { content: ""; display: table; } 
	body:not(.rtl) .box.first{clear: both; margin-left:0px !important; zoom: 1;}   
	body:not(.rtl) .box.last{clear: right; margin-right:0px !important; zoom: 1;}
	body:not(.rtl) .box.last:after{ content: ""; display: table; }

	body:not(.rtl) .box .first,
	body:not(.rtl) .content.left .first,
	body:not(.rtl) .content.right .first
	{
		margin-left:0px !important;
	} 

	body:not(.rtl) .box .last,
	body:not(.rtl) .content.left .last,
	body:not(.rtl) .content.right .last{
		margin-right:0px !important;
	}

	body:not(.rtl) .row .box:first-child,
	body:not(.rtl) .row .box:first-child,
	body:not(.rtl) .content.left .row .box:first-child,
	body:not(.rtl) .content.right .row .box:first-child
	{
		margin-left:0px !important;
	}
 
	/* boxes clear - holder for boxes */
	.boxes{
		clear:both;
		display:block;
	} 

	/* visibilities */
	.visible_small_screen{
		display: none;
	}

/* ----------------------------------------------------
  
	fluid columns

------------------------------------------------------- */  	 

	#container .fluid .box {margin:0;padding:0;} 

	/* one */			#container .fluid .one{width:100%;} 	
	/* two */  			#container .fluid .two{width:50%;} 
	/* three */  		#container .fluid .three{width:33.31%;} 
	/* Four */  		#container .fluid .four{width:25%;} 
	/* Five */  		#container .fluid .five{width:20%;}  
	/* Six */  			#container .fluid .six{width:16.6666%;}  
	/* 2:3 column */  	#container .fluid .two-three{width:66.66666%;} 
	/* 3:4 column */ 	#container .fluid .three-four{width:75%;} 
	/* 4:5 column */  	#container .fluid .four-five{width:80%;}
	/* 5:6 column */  	#container .fluid .five-fix{width:83.3333%;} 
 

/* ----------------------------------------------------
  
	columns in fullwidth content rows

------------------------------------------------------- */  
	.full_width_row .content_block > .content > .row > .box{margin:0 0 0 4%;}
	.full_width_row .content_block > .content > .row > .box:first-child{margin-left:0;}

	/* one */			.full_width_row .content_block > .content > .row > .one {width:100%}
	/* two */ 			.full_width_row .content_block > .content > .row > .two {width:48%}
	/* three */ 		.full_width_row .content_block > .content > .row > .three {width:30.66%} 
	/* four */ 			.full_width_row .content_block > .content > .row > .four {width:22%} 
	/* five */ 			.full_width_row .content_block > .content > .row > .five {width:16.8%} 
	/* 2:3 column */ 	.full_width_row .content_block > .content > .row > .two-three {width:65.34%} 
	/* 3:4 column */ 	.full_width_row .content_block > .content > .row > .three-four {width:74%} 
	/* 4:5 column */	.full_width_row .content_block > .content > .row > .four-five {width:79.2%}	  	

/* ----------------------------------------------------
  
		Very Large display - 1100px and up

------------------------------------------------------- */  


	/*
	columns for full width
	*/
	
	/* one */			.one{width:1040px;} 	
	/* two */  			.two{width:510px;} 
	/* three */  		.three{width:333.3333333px;} 
	/* Four */  		.four{width:245px;} 
	/* Five */  		.five{width:192px;}  
	/* Six */  			.six{width:156.6666667px;}  
	/* 2:3 column */  	.two-three{width:686.6666667px;} 
	/* 3:4 column */ 	.three-four{width:775px;} 
	/* 4:5 column */  	.four-five{width:828px;}
	/* 5:6 column */  	.five-fix{width:863.3333333px;} 
 


	/* one */			.content.left .one, .content.right .one{width:740px;margin: 0;} 	
	/* two  */			.content.left .two,.content.right .two{width:360px;} 
	/* three */			.content.left .three,.content.right .three{width:233.3333333px} 
	/* Four */			.content.left .four,.content.right .four{width:170px} 
	/* Five */ 			.content.left .five,.content.right .five{width:132px} 
	/* Six */ 			.content.left .six,.content.right .six{width:106.6666667px} 
	/* 2:3 column */ 	.content.left .two-three,.content.right .two-three{width:486.6666667px} 
	/* 3:4 column */ 	.content.left .three-four,.content.right .three-four{width:550px;} 
	/* 4:5 column */	.content.left .four-five,.content.right .four-five{width:588px}	 
	/* 5:6 column */	.content.left .five-six,.content.right .five-six{width:613.3333333px}	 	
 
 

 	/*
	columns in columns
	*/
	 
	.box .box {margin:0 0 0 4%;}
	.box .box:first-child, .widget .box:first-child{margin-left:0;}
	
	/* one  */ #container .box .one {width:100%} 
	/* two  */  #container .box .two {width:48%} 
	/* three */ #container .box .three {width:30.66%} 
	/* Four */ #container .box .four {width:22%} 
	/* Five */ #container .box .five {width:16.8%} 
	/* 2:3 column */ #container .box .two-three {width:65.34%} 
	/* 3:4 column */ #container .box .three-four {width:74%} 
	/* 4:5 column */ #container .box .four-five {width:79.2%}	 



/* ----------------------------------------------------
  
		Large display 960px - 1100px

------------------------------------------------------- */  


    @media only screen and (min-width: 960px) and (max-width: 1099px) {

    	.responsive .full{width:960px;} 

		/*
		columns for full width
		*/

		/* one */			.responsive .one{width:940px;} 	
		/* two */  			.responsive .two{width:460px;} 
		/* three */  		.responsive .three{width:300.00px;} 
		/* Four */  		.responsive .four{width:220px;} 
		/* Five */  		.responsive .five{width:172px;}  
		/* Five */  		.responsive .six{width:140px;}  
		/* 2:3 column */  	.responsive .two-three{width:620px;} 
		/* 3:4 column */ 	.responsive .three-four{width:700px;} 
		/* 4:5 column */  	.responsive .four-five{width:748px;}
		/* 5:6 column */  	.responsive .five-fix{width:780px;}
 

		/*
		columns for content with sidebar
		*/

		.responsive .content.left .full, .responsive .content.right .full{width:640px;} 	

		/* one */			.responsive .content.left .one,.responsive  .content.right .one{width:100%;} 	
		/* two  */			.responsive .content.left .two,.responsive .content.right .two{width:310px;} 
		/* three */			.responsive .content.left .three,.responsive .content.right .three{width:200px} 
		/* Four */			.responsive .content.left .four,.responsive .content.right .four{width:145px} 
		/* Five */ 			.responsive .content.left .five,.responsive .content.right .five{width:112px} 
		/* Six */ 			.responsive .content.left .six,.responsive .content.right .six{width:90px} 		
		/* 2:3 column */ 	.responsive .content.left .two-three,.responsive .content.right .two-three{width:420px} 
		/* 3:4 column */ 	.responsive .content.left .three-four,.responsive .content.right .three-four{width:475px;} 
		/* 4:5 column */	.responsive .content.left .four-five,.responsive .content.right .four-five{width:508px}	 
		/* 5:6 column */	.responsive .content.left .five-six,.responsive .content.right .five-six{width:530px}	


		.top_content > .row {
			width: 940px; 
		}


	}


/* ----------------------------------------------------
  
		Tablet (Portrait) 	768px

------------------------------------------------------- */  


    @media only screen and (min-width: 768px) and (max-width: 959px) {

    	.responsive .full{width:760px;} 

		/*
		columns for full width
		*/	 

		/* one */			.responsive .one{width:100%;} 
		/* two */  			.responsive .two{width:360px;}	
		/* three */  		.responsive .three{width:233.33px;}	
		/* Four */  		.responsive .four{width:170px;}	
		/* Five */  		.responsive .five{width:132px;}
		/* Six */  			.responsive .six{width:106.67px;}
		/* 2:3 column */  	.responsive .two-three{width:486.67px;}	
		/* 3:4 column */ 	.responsive .three-four{width:550px;}	
		/* 4:5 column */ 	.responsive .four-five{width:588px;}
		/* 5:6 column */ 	.responsive .five-six{width:613.33px;}


		/*
		columns for pages with sidebar
		*/
		.responsive .content.left .full, .responsive .content.right .full{width:540px;} 	

		/* one */			.responsive .content.left .one,.responsive  .content.right .one{width:100%;} 	
		/* two  */			.responsive .content.left .two,.responsive .content.right .two{width:260px;} 
		/* three */			.responsive .content.left .three,.responsive .content.right .three{width:166.67px} 
		/* Four */			.responsive .content.left .four,.responsive .content.right .four{width:120px} 
		/* Five */ 			.responsive .content.left .five,.responsive .content.right .five{width:92px} 
		/* Six */ 			.responsive .content.left .six,.responsive .content.right .six{width:73.33px} 		
		/* 2:3 column */ 	.responsive .content.left .two-three,.responsive .content.right .two-three{width:353px} 
		/* 3:4 column */ 	.responsive .content.left .three-four,.responsive .content.right .three-four{width:400px;} 
		/* 4:5 column */	.responsive .content.left .four-five,.responsive .content.right .four-five{width:428px}	 
		/* 5:6 column */	.responsive .content.left .five-six,.responsive .content.right .five-six{width:446.67px}	 	
 

		/*
		columns in columns
		*/ 
		
		/* two  */  .responsive .box.two .box,
		/* three */ .responsive .box.three .box,
		/* Four */ .responsive .box.four .box,
		/* Five */ .responsive .box.five .box, 
		/* Sidebar */ .responsive #container .sidebar .box .box, .responsive #container .sidebar .row
		{width:100% !important;margin:0 0 20px 0;}   

		.responsive .with_icons .box.one { margin: 0 auto !important;}
		.responsive .with_icons.big_icons li.last:after  { margin-bottom: 0;}
				
		.top_content > .row {
			width: 740px; 
		}

	}
	

/* ----------------------------------------------------
  
		Mobile (Portrait) 	320px

------------------------------------------------------- */  

	/*
	columns for full width
	*/

    @media only screen and (max-width: 767px) {
	

		/* one */			.responsive .full,.responsive .one, 
		/* two */  			.responsive .two, 
		/* three */  		.responsive .three,
		/* Four */  		.responsive .four, 
		/* Five */  		.responsive .five, 
		/* 2:3 column */  	.responsive .two-three, 
		/* 3:4 column */ 	.responsive .three-four, 
		/* 4:5 column */ 	.responsive .four-five,
		
		/*
		columns for pages with sidebar
		*/
		
		/* one */			.responsive .content.left .full,.responsive .content.left .one,.responsive .content.right .full,.responsive .content.right .one,
		/* two  */ 			.responsive .content.left .two,.responsive .content.right .two,
		/* three */ 		.responsive .content.left .three,.responsive .content.right .three,
		/* Four */ 			.responsive .content.left .four,.responsive .content.right .four,
		/* Five */ 			.responsive .content.left .five,.responsive .content.right .five,
		/* 2:3 column */ 	.responsive .content.left .two-three,.responsive .content.right .two-three,
		/* 3:4 column */ 	.responsive .content.left .three-four,.responsive .content.right .three-four,
		/* 4:5 column */ 	.responsive .content.left .four-five,.responsive .content.right .four-five,


		/*
		columns in columns
		*/
		.responsive .box .box {width:100% !important; margin:0 0 20px 0;} 	

		.responsive .row > .box:last-child, .responsive .content_block > section:last-child {margin-bottom:0}

		#container .row, #container .sidebar{margin: 0 auto;}

		.top_content > .row {
			width: 90%;  
		}		

		.responsive .with_icons .box.one { margin: 0 auto !important;}
		.responsive .with_icons.big_icons li.last:after  { margin-bottom: 0;}


		.responsive .full_width_row .content_block > .content > .row > .box {margin: 0;}
		.responsive .full_width_row .content_block > .content > .row > .box {padding-right:20px;padding-left:20px;}

		/* visibilities */
		.responsive .visible_small_screen{
			display: block;
		}
	}
		 
	
/* ----------------------------------------------------
#
#
#	
#			EASY MARGINS, LINES, SPACES, ETC. 
#
#
------------------------------------------------------- */


	/* margins */
	#container .margin-t0{margin-top:0px;}	
	#container .margin-t1{margin-top:1px;}	
	#container .margin-t10{margin-top:10px;}
	#container .margin-t15{margin-top:15px;}	 
	#container .margin-t20{margin-top:20px;}
	#container .margin-t30{margin-top:30px;}
	#container .margin-t40{margin-top:40px;}
	#container .margin-t50{margin-top:50px;}
	#container .margin-t60{margin-top:60px;}
	#container .margin-t70{margin-top:70px;}
	#container .margin-t80{margin-top:80px;}
	#container .margin-b0{margin-bottom:10px;}	 
	#container .margin-b10{margin-bottom:10px;}	 
	#container .margin-b15{margin-bottom:15px;}
	#container .margin-b20{margin-bottom:20px;}	
	#container .margin-b30{margin-bottom:30px;}
	#container .margin-b40{margin-bottom:40px;}
	#container .margin-b50{margin-bottom:50px;}
	#container .margin-b60{margin-bottom:60px;}
	#container .margin-b70{margin-bottom:70px;}
	#container .margin-b80{margin-bottom:80px;}			
	#container .margin-b0{margin-bottom:0;}
	#container .margin-l0{margin-left:0;}
	#container .margin-r0{margin-right:0;}

	/* padding */
	#container .padding-t0{padding-top:0px;}	
	#container .padding-t1{padding-top:1px;}	
	#container .padding-t10{padding-top:10px;}	 
	#container .padding-t20{padding-top:20px;}
	#container .padding-t30{padding-top:30px;}
	#container .padding-b0{padding-bottom:0px;}	 
	#container .padding-b10{padding-bottom:10px;}	 
	#container .padding-b20{padding-bottom:20px;}	
	#container .padding-b30{padding-bottom:30px;}
	#container .padding-b40{padding-bottom:40px;}
	#container .padding-b0{padding-bottom:0;}
	#container .padding-t0{padding-top:0;}
	#container .padding-l0{padding-left:0;}
	#container .padding-r0{padding-right:0;}


	/* no margin no padding */
	.nomargin{
		margin-left:0 !important;
		margin-bottom:0 !important; 
		margin-right:0 !important; 
		margin-top:0 !important;
	}
	
	.nopadding{
		padding-left:0 !important;
		padding-bottom:0 !important; 
		padding-right:0 !important; 
		padding-top:0 !important;		
	}
	
	.clear{clear:both;width:100%;}

	.space{
		clear:both;
		width:100%;
		position:relative;
		display:table;	
	}

	.hidden{
		display: none;
	}

	/* responsive images */
	.content img{
		max-width: 100%;	
		display: block;
	}

	.responsive .content img{
		height: auto;
	}	

	/* border box sizing  */
	.box_sizing{		
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;		
		-o-box-sizing: border-box;	
		-ms-box-sizing: border-box;	
		box-sizing: border-box;
	}



/* ----------------------------------------------------
#
#
#	
#			BASIC SUPPORT FOR VCOMPOSER PLUGIN
#
#
------------------------------------------------------- */

	#container .wpb_column .box {margin:0;padding:0;width: 100%;} 

	/* one */			#container .wpb_column .one{width:100%;} 	
	/* two */  			#container .wpb_column .two{width:50%;} 
	/* three */  		#container .wpb_column .three{width:33.31%;} 
	/* Four */  		#container .wpb_column .four{width:25%;} 
	/* Five */  		#container .wpb_column .five{width:20%;}  
	/* Six */  			#container .wpb_column .six{width:16.6666%;}  
	/* 2:3 column */  	#container .wpb_column .two-three{width:66.66666%;} 
	/* 3:4 column */ 	#container .wpb_column .three-four{width:75%;} 
	/* 4:5 column */  	#container .wpb_column .four-five{width:80%;}
	/* 5:6 column */  	#container .wpb_column .five-fix{width:83.3333%;}